<div class="container header-wrapper">
  <div class="row">
    <div class="col-sm-1 title ">
      <img class="img-responsive"src="/assets/images/logo.png">
    </div>
    <div class="col-sm-4 title ">
      <p class="title-cn">电力需求侧管理平台</p>
      <p class="title-en">Electric power demand side management platform</p>
    </div>

    <div class="col-sm-7">
      <div class="clearfix user">
        <ul class="header-nav clearfix pull-right">
          <li class="active"><a href="#"><i class="fa fa-user-circle-o" aria-hidden="true"></i> 用户名</a></li>
          <li><a href="#">修改密码</a></li>
          <li><a href="#">退出登录</a></li>
          <li><a href="#">联系我们 ></a></li>
        </ul>
      </div>
      <div class="clearfix function-nav">
        <ul class="header-nav clearfix pull-right">
<!--           <li routerLinkActive="active">
            <a [routerLink]="['/index/default']" >首页</a>
          </li> -->
          <li *ngFor="let nav of navs" routerLinkActive="active" (click)="send(nav)">
            <a [routerLink]="[nav.url]">{{nav.name}}</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
